<%--
  Created by IntelliJ IDEA.
  User: CHEN
  Date: 2025/9/17
  Time: 09:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/css/bootstrap.min.css">
    <style>
        /* 导航栏容器 */
        .navbar {
            justify-content: space-evenly;
            overflow: hidden;
            background-color: #333333;
        }

        /* 导航栏链接 */
        .navbar a {
            float: left;
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        /* 修改导航栏链接颜色 */
        .navbar a:hover

        .foot {
            height: 200px;
            background: #666;
            color: #FFF;
        }

        .button {
            padding: 5px 10px;
            background-color: #0f1c35;
            color: #fff;
            border-radius: 20px;
            line-height: normal;
        }

        .inputbox {

            justify-self: center;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            padding: 40px 20px;


            height: 500px;
            width:550px;
        }

        .inputbox h1 {
            color: #000000;
        }
    </style>
</head>

<body>


<div class="navbar">
    <a href="index.jsp">首页</a>
    <a href="page1.jsp">毛娘预约</a>
    <a href="page2.jsp">妆娘预约</a>
    <a href="page3.jsp">二手周边交易</a>
    <a href="community.html">社区</a>
    <a href="Post.jsp">信息发布</a>
    <a href="登录.jsp">登录注册</a>
</div>




<br><br><br><br>
<div class="inputbox"  >
    <b><h1 align="center">注册</h1></b><br /><br />
    <form id="form1" name="form1" method="post" action="UserAddServlet">
    <table>
        <tr>
            <td height="30"  class="txt"><span class="txt">请创建id：</span></td>
            <td><label for="userid"></label><input type="text" id="userid" name="userid" class="form-control"  maxlength="11" size="40px" formaction="UserAddServlet" /></td>
        </tr>
        <tr>
            <td  height="30"  class="txt"><span class="txt">请创建用户名：</span></td>
            <td><label for="username"></label><input type="text" id="username" name="username" class="form-control"  maxlength="11" size="40px" /></td>
        </tr>
        <tr>
            <td height="30"  class="txt"><span class="txt">请创建密码：</span></td>
            <td><label for="password"></label><input type="text" id="password" name="password" class="form-control"  maxlength="11" size="40px" /></td>
        </tr>
    </table><br>
        <p align="center"><input type="submit" name="button" id="reset-button" value="提交" class="button" /></p>
    </form>

</div>
</body>

</html>
